<template>
    <div>
		<el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">单用户</div>
            <userSelect v-model="formData.uid" promptText="请选择用户" :defaultValue="formAppendData.uid_desc" />
		</el-card>
        <el-card class="mb-4" shadow="never">
			<div class="text-xl font-medium mb-[20px]">多用户</div>
            <userSelect v-model="formData.uids" :limit="3" promptText="最多选择3个用户" :defaultValue="formAppendData.uids_desc" />
		</el-card>
    </div>
</template>

<script setup lang="ts" name="compUserSelect">
import { reactive } from 'vue';

const formData = reactive({
    uid: '',
    uids: '',
});

const formAppendData = reactive({
    uid_desc: '', // id name avatar
    uids_desc: '', // id name avatar
});

</script>

<style scoped lang="scss">

</style>